<template>
  <ht-dialog title="弹出窗口样例" :visible.sync="isVisible">
    <div style="text-align:left">
      <p>自定义窗口组件demo</p>
      <p>1. 支持 弹出窗口拖拽</p>
      <p>2. 支持 当前tab页弹出，可切换tab页</p>
      <p>3. 支持 各个tab页都可弹出窗口</p>
    </div>
  </ht-dialog>
</template>
<script>
export default {
  name: 'DemoDialog',
  props: {
    visible: {
      type: Boolean,
      required: false,
      default: false
    }
  },
  data() {
    return {
      isVisible: this.visible
    };
  },
  watch: {
    isVisible(newValue, oldValue) {
      this.$emit('update:visible', newValue);
    }
  },
  created() {
  },
  methods: {
    // 增加关闭回调方法.sync才起作用
    // closeDialog() {
    //   this.isVisible = false;
    //   this.$emit('update:visible', false);
    // }
  }
};
</script>
